* {
    box-sizing: border-box
}

a {
    text-decoration: none
}

h5 {
    font-size: 12px
}

#handerMain {
    background-color: #1b1a20;
    border: 0;
    padding: 0;
    font-weight: 500;
    height: 44px
}

#handerMain h4 {
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 40px;
    color: #fff;
    font-size: 16px
}

.has-header {
    top: 0px;
}

.returnUpper {
    padding-left: 10px;
    line-height: 40px;
    position: absolute;
    width: 65px;
    height: 40px
}

.returnUpper img {
    width: 11px;
    height: 17px;
    margin-top: 11px
}

.bar.bar-assertive {
    border-color: #fff
}

.bar-assertive .button {
    border: none!important
}

.returnUpper span {
    margin-left: 5px;
    position: absolute;
    font-size: 12px;
    color: #fff
}

.checkbox-square .checkbox-icon:after,.checkbox-square input:after,.platform-android .checkbox-platform .checkbox-icon:after,.platform-android .checkbox-platform input:after {
    top: 14%;
    width: 9px;
    height: 7px
}

.row {
    padding: 0
}

.Rmb_display {
    margin-left: 5px;
    margin-right: 5px;
    color: #ff4b4b
}

@media not all,(-webkit-min-device-pixel-ratio:1.5),not all,(min-resolution:144dpi),(min-resolution:1.5dppx) {
    .bar {
        background-image: linear-gradient(0deg,#fff,#fff 50%,transparent 50%);
        background-position: 0!important;
        background-repeat: repeat!important
    }
}

.tab-item .icon {
    width: 20px;
    height: 18px;
    font-size: 0;
    margin-top: 5px;
    margin-bottom: 3px
}

.button {
    min-height: 40px;
    line-height: 40px
}

.tabs-positive>.tabs,.tabs.tabs-positive {
    background-color: #fff;
    background-image: linear-gradient(0deg,#fff,#fff 50%,transparent 50%);
    border-top: 1px solid #dcdcdc!important
}

.tab-item.tab-item-active,.tab-item.active,.tab-item.activated {
    color: #2ecc66;
    opacity: 1
}

.tabs-striped.tabs-positive .tabs {
    background: #fff
}

.tabs-striped.tabs-positive .tab-item.activated,.tabs-striped.tabs-positive .tab-item.active,.tabs-striped.tabs-positive .tab-item.tab-item-active {
    color: #2ecc66
}

.tabs-striped.tabs-positive .tab-item {
    color: #868686
}

.tab-item {
    color: #868686
}

.ion-to {
    background: url(../img/icon.png);
    background-size: 100% 100%
}

.ion-to-now {
    background: url(../img/icon1.png);
    background-size: 100% 100%
}

.ion-service {
    background: url(../img/icon3.png);
    background-size: 100% 100%
}

.ion-to-service {
    background: url(../img/icon2.png);
    background-size: 100% 100%
}

.ion-shopping {
    background: url(../img/icon4.png);
    background-size: 100% 100%
}

.ion-to-shopping {
    background: url(../img/icon5.png);
    background-size: 100% 100%
}

.ion-toeee {
    background: url(../img/icon7.png);
    background-size: 100% 100%
}

.ion-to-noweee {
    background: url(../img/icon6.png);
    background-size: 100% 100%
}

.tab-title {
    font-size: 12px
}

#content {
    background: #f5f5f5 !important;
}

.has-footer.has-tabs {
    bottom: 50px
}

.banner {
    width: 100%;
    height: 230px
}

.banner img {
    width: 100%;
    height: 100%
}

.slider-pager {
    bottom: 15px
}

.slider-pager .slider-pager-page {
    font-size: 14px;
    color: #fff
}

.nav {
    background: #fff
}

.nav>div {
    text-align: center;
    padding-top: 11px;
    margin-bottom: 5px;
    width: none;
    height: 84px
}

.nav>div img {
    width: 45px;
    height: 45px
}

.nav>div>p {
    margin: 0 0 10px;
    font-size: 12px;
    color: #696969
}

.jumpGo {
    margin-top: 10px;
    width: 100%;
    height: 120px;
    background: #fff;
    padding: 10px 10px
}

.jumpGo>div:nth-child(1) {
    float: left;
    width: 48%;
    height: 100%;
    margin-right: 2%
}

.jumpGo>div:nth-child(1)>img {
    width: 100%;
    height: 100%
}

.jumpGo>div:nth-child(2) {
    float: left;
    width: 50%;
    height: 100%
}

.jumpGo>div:nth-child(2)>img {
    width: 100%;
    height: 48%
}

.conTer {
    width: 100%;
    background: #fff;
    margin-top: 10px
}

.contentNav {
    overflow: hidden;
    padding: 0 15px 0 15px
}

.contentNav>h4 {
    float: left;
    margin-top: 12px;
    color: #3bc35b;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 500!important
}

.contentNav>div {
    float: right;
    position: absolute;
    right: 15px
}

.contentNav>div>h5 {
    float: left;
    color: #5c5c5c
}

.contentNav>div>img {
    margin-top: 14px;
    width: 20px;
    height: 20px;
    margin-left: 2px
}

.shoppingMall {
    width: 100%;
    min-height: 105px;
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #f0f1f3;
    overflow: hidden;
    position: relative
}

.conTer>div:nth-child(4) {
    border-bottom: 0!important
}

.shoppingMall .occlusion {
    position: absolute;
    width: 100%;
    height: 85%;
    z-index: 999
}

.imgMall {
    overflow: hidden;
    float: left;
    width: 100%;
    height: 88px
}

.imgMall>img:nth-child(1) {
    width: 88px;
    height: 100%;
    float: left
}

.sppBr {
    border: 1px solid #ff5656;
    margin-top: 19.5px;
    border-radius: 7px;
    padding-top: 7px;
    float: right;
    width: 56px;
    height: 35px;
    padding-left: 15px
}

.sppBr img {
    width: 20px
}

.describe {
    float: left;
    margin-left: 100px;
    position: absolute;
    width: 100%;
    height: 88px
}

.describe h4 {
    margin-top: 0;
    font-size: 14px;
    font-weight: 100!important
}

.details {
    margin-top: 28px
}

.details>span:nth-child(2) {
    font-size: 11px;
    color: #a4a4a4
}

.details>span:nth-child(1) {
    font-weight: 600;
    color: #ff5656;
    font-size: 16px
}

.configure {
    position: relative;
    margin-top: 5px;
    width: 220px;
    height: 17px
}

.configure img {
    float: left;
    width: 11px;
    height: 12px;
    margin-top: 2px
}

.configure span {
    float: left
}

.configure img:nth-child(3) {
    margin-left: 7px
}

.configure span {
    color: #a4a4a4;
    font-size: 11px;
    margin-top: -2px;
    margin-left: 2px
}

.configure b:nth-child(3) {
    margin-left: 55px
}

.Share {
    color: #ff5757!important
}

.long {
    width: 100%
}

.bring {
    padding-left: 0!important
}

.bring div {
    width: 55px;
    color: #ff5656;
    font-size: 12px;
    text-align: center
}

#Authentication {
    margin-left: 91px
}

#bottomSprise {
    background: #f0f1f3;
    width: 100%;
    height: 10px
}

.scroll {
    width: 100%;
    height: 100%
}

#centeriframe {
    width: 100%;
    height: 100%;
}
#centeriframe img{
    width:100%;
}

#iframe_box {
    width: 100%;
    height: 100%;
    background: #fafafa
}

#ifram {
    height: 100%
}

#shoppingDiv {
    width: 100vw;
    background: #fff;
    padding: 10px 15px 0 15px
}

.item {
    border-width: 0;
    display: block;
    padding: 10px 10px 10px 0
}

.nesting:last-child {
    border: 0
}

#Below .disable-pointer-events {
    width: 100%;
    height: 100%;
    display: inline-block
}

#Below h3 {
    font-size: 12px
}

#Below .disable-pointer-events>div {
    width: 70px;
    height: 70px;
    margin-left: 3rem
}

#Below .item-content>h3:nth-child(2) {
    font-size: 14px!important
}

#Below .disable-pointer-events>div>img {
    width: 100%;
    height: 100%
}

#Below .checkbox-icon {
    width: 22px;
    height: 22px;
    margin-top: 5px
}

.checkbox-icon:after {
    top: 29.5%;
    left: 27%;
    width: 10px;
    height: 6px
}

.checkbox input:checked+.checkbox-icon:before,.checkbox input:checked:before {
    background: #3bc35b;
    border-color: #3bc35b
}

.nesting label {
    display: inline-block;
    width: 95%
}

.nesting>div {
    display: inline-block;
    position: absolute;
    margin-top: 2.2rem;
    right: 0;
    color: #828282;
    z-index: 1000
}

.nesting {
    border-bottom: 1px solid #e5e5e5;
    height: 103px;
    padding-top: 5px
}

#SelectMin {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5
}

#SelectMin .item {
    float: left;
    width: 50%;
    font-size: 14px
}

#SelectMin .item-content>div {
    width: 25px;
    height: 25px;
    margin-left: 3rem
}

#SelectMin .item-content>div>img {
    width: 100%;
    height: 100%
}

#SelectMin .checkbox-icon {
    width: 22px;
    height: 22px;
    margin-top: 3px
}

#SelectMin .item-content span {
    position: absolute;
    line-height: 25px;
    margin-left: .4rem
}

#Choice {
    float: right;
    width: 50%;
    margin-top: 10px;
    text-align: right
}

.specification {
    margin-top: 2.3rem!important;
    color: #828282
}

.spmoeny {
    margin-top: 4rem!important;
    color: #ff4646
}

.switch2 {
    overflow: hidden
}

.switch2>div {
    line-height: 23px;
    border: 1px solid #dadada;
    text-align: center;
    width: 25px;
    height: 25px;
    float: left
}

.switch2>div:nth-child(2) {
    border-right: 0;
    border-left: 0;
    font-size: 12px;
    color: #000
}

.switch2>div:nth-child(3) {
    color: #000
}

#spdelete {
    position: absolute;
    right: 50px;
    color: #ff4646
}

#okSP {
    color: #3bc35b
}

#spedit {
    color: #3bc35b
}

#Settlement {
    position: fixed;
    bottom: 49px;
    z-index: 999999;
    border-top: 1px solid #ececec;
    background: #fff;
    padding-left: 1.3rem;
    width: 100%;
    height: 35px
}

.SettlementSnoe {
    font-size: .9rem;
    margin-bottom: 2px;
    margin-top: 5px
}

.sprmb {
    color: #ff4646;
    margin-left: 5px;
    position: absolute;
    top: 6px
}

.spbtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 5rem;
    height: 100%
}

.spbtn button {
    width: 100%;
    height: 100%;
    border: 0;
    background: #ff4646;
    color: #fff
}

.myHander {
    width: 100%;
    height: 210px;
    position: relative;
    background: #f65f52;
}

.myHander>img {
    width: 100%;
    height: 100%
}

.portrait {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    background: #fff;
    border-radius: 50%;
    top: -75px
}

.portrait>img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.myname {
    width: 120px;
    height: 20px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    line-height: 20px;
    top: 25px;
    color: #fff;
    text-align: center;
    margin-top: 89px
}

.word {
    height: 50px;
    margin-top: -5px;
    padding: .4rem .5rem .4rem .5rem;
    position: absolute;
    top: 160px
}
.word div{
    width: 50% !important;
}

.word span {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin-top: -2px
}

.myrmbs {
    font-weight: 600!important;
    font-size: 16px!important
}

.conters {
    width: 100%
}

.hander {
    width: 100%;
    height: 10px;
    background: #f3f3f3
}

.conters .item {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 15px!important;
    margin-bottom: 1px
}

.conters .item:last-child {
    border-bottom: 0!important
}

.conters .item img {
    float: left
}

.conters .item span {
    font-size: 14px;
    margin-top: 5px;
    margin-left: 15px;
    float: left
}

.conters .item img:nth-child(3) {
    float: right!important;
    margin-top: 8px;
    margin-right: 10px;
    width: 10px
}

.conters .item img:nth-child(1) {
    float: left;
    width: 30px;
    height: 30px
}

.MyMessageUl {
    padding: 10px 10px 0 10px;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.MyMessageUl li {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #f5f5f5
}

.MyMessageUl li:last-child {
    border-bottom: 0;
    color: #353535
}

.MyMessageUl li .Mobile {
    float: right;
    margin-right: 10px;
    color: #787878
}

.MyMessageUl li img {
    float: right;
    width: 10px;
    margin-top: 14.6px
}

.Head_portrait {
    float: right;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #efefef;
    margin-top: 1px
}

.Head_portrait img {
    width: 100%!important;
    margin-top: 0!important;
    height: 100%
}

.han_p {
    height: 50px!important;
    line-height: 50px!important
}

.MyMessageUl:nth-child(2),.MyMessageUl:nth-child(3) {
    margin-top: 10px
}

.Purse_container {
    width: 100%;
    height: 170px;
    background: #fd715f;
    overflow: hidden
}

.adoption {
    float: left !important;
    width: 33.333% !important;
    text-align: center !important;
    margin-top: 50px !important;
    color: #fff !important;
}

.adoption h3 {
    color: #fff!important;
    margin-top:7px !important;
    font-size: 18px !important;
}

.Purse_container {
    background: url(../myimg/7-1.jpg) no-repeat;
    background-size: 100% 100%
}

.Purse_container>div:nth-child(3) {
    color: #fff;
    font-size: 14px;
    width: 50%;
    float: right;
    margin-top: 10px
}

.Purse_container>div:nth-child(3) span {
    /*float: right;*/
    /*margin-right: 25px;*/
    letter-spacing: 1.1px;
    font-size: 12px
}

.wallet_tab {
    width: 100%;
    height: 70px;
    background: #fff
}

.wallet_tab ul {
    padding: 10px 0;
    overflow: hidden
}

.wallet_tab ul li {
    float: left;
    width: 33.3333%;
    text-align: center
}

.wallet_tab ul li img {
    width: 35px;
    height: 30px
}

.wallet_tab ul li p {
    color: #1d1d1d;
    font-size: 12px
}

.Details_purse {
    padding: 10px;
    font-size: 12px
}

.Details_purse h5 {
    font-size: 14px;
    color: #fe594a
}

.Details_purse span {
    color: #727272
}

.Details_purse p {
    margin: 0
}

.Details_purse .Wrap {
    display: block
}

.Details_purse .char_mo {
    background: #ff6955;
    color: #fff
}

.Details_purse .Withdrawals {
    color: #fff;
    background: #3bc35b
}

.Order_Tab {
    width: 100%;
    height: 45px;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    /*margin-bottom: 10px*/
}

.horn{
    /*padding: 10px 10px 7px 10px;*/
}
.horn img{
    width: 20px;
    display: block;
    position: relative;
    top:1px;
}
.horn span{
    position: relative;
    top:-3px;
    left: 5px;
    font-size: 13px;
    color:#333333;
}
.horn li{
    line-height: 41.38px;
    color:#545353;
    font-size: 13px;
}
.horn div{
    float: left;
    padding: 9px;
}
.horn ul{
    float: left;
}

.Order_Tab li {
    float: left;
    width: 25%;
    height: 100%;
    line-height: 45px;
    text-align: center;
    font-size: .7rem;
}

.Order_active {
    border-bottom: 1px solid #38d5af !important;
    color: #38d5af !important;
}

.no_active {
    border-bottom: 0;
    color: #434343
}

.Div_container {
    width: 100%;
    background: #fff;
    margin-top: 10px;
    position: relative;
    overflow: hidden
}

.First .Div_container:nth-child(1) {
    margin-top: 0
}

.Div_container>div:nth-child(1) {
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 40px
}

.Div_container>div:nth-child(1) .logs_in {
    width: 20px;
    height: 20px;
    margin-top: 10px;
    float: left
}

.once_title {
    float: left;
    line-height: 40px;
    margin-left: 7px;
    color: #363636;
    font-size: 12px
}

.tow_title {
    float: right;
    color: #ff4b4b;
    font-size: 14px
}

.Settlement {
    width: 100%;
    height: none;
    overflow: hidden;
    background: #f4f4f4;
    padding: 0 15px 0 15px;
    position: relative
}

.Settlement .order_img {
    width: 70px;
    height: 70px;
    margin-top: 10px;
    float: left
}

.Settlement .order_img img {
    width: 100%;
    height: 100%
}

.Settlement .order_details {
    margin-left: 5px;
    float: left
}

.Settlement .order_details h5:nth-child(1) {
    color: #313131;
    font-size: 14px
}

.Settlement .order_details h5:nth-child(2) {
    color: #818181
}

.Settlement .order_details h5:nth-child(3) {
    color: #ff4646;
    float: left;
    font-size: 14px;
    margin-top: -1px
}

.Settlement .order_details span {
    position: absolute;
    right: 20px;
    margin-top: -30px;
    color: #818181;
    font-size: 12px
}

.Settlement .order_details h4 {
    position: absolute;
    margin-top: 37px;
    font-size: 14px;
    right: 0;
    width: 100%;
    text-align: right;
    padding-right: 15px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 0;
    color: #1c1c1c
}

.classification {
    overflow: hidden
}

.order_okBtn {
    width: 100%;
    padding: 10px 15px 10px 15px;
    min-height: 10px;
    overflow: hidden
}

.order_okBtn>div {
    float: right
}

.order_okBtn button {
    padding: 5px;
    border-radius: 5px;
    width: 68px;
    margin-left: 5px;
    font-size: 12px
}

.order_okBtn .order_active {
    background: #fff;
    border: 1px solid #AAA;
    color: #1c1c1c
}

.order_okBtn .order_noactive {
    background: #ff4b4b;
    border: 1px solid #ff4b4b;
    color: #fff
}

.order_pay {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    color: #434343;
    font-size: 12px
}

.order_pay span {
    float: right;
    padding: 10px 15px
}

.Baseline {
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.Baseline span {
    color: #a0a0a0;
    position: relative
}

.Baseline span img:nth-child(1) {
    position: absolute;
    width: 70px;
    height: 2px;
    display: inline-block;
    margin-top: 10px;
    margin-left: -75px
}

.Baseline span img:nth-child(2) {
    position: absolute;
    width: 70px;
    height: 2px;
    display: inline-block;
    margin-top: 10px
}

.delivery_title {
    width: 100%;
    height: 16.66666667%;
    background: #00d864;
    position: relative
}

.delivery_title .title_left {
    width: 230px;
    height: 45px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    margin-left: 5%
}

.delivery_title .title_left span {
    font-size: 16px
}

.delivery_title .title_right {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    right: 15px
}

.delivery_title .title_right img {
    width: 100%;
    height: 100%
}

.delivery_title .vehicle {
    width: 45px!important
}

.delivery_inFor {
    width: 100%;
    height: 12.5%;
    background: #fff;
    position: relative
}

.delivery_inFor .inFor_left {
    width: 20px;
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    left: 4%
}

.delivery_inFor .inFor_left img {
    width: 100%;
    height: 100%
}

.delivery_inFor .inFor_right {
    width: 85%;
    height: 45px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    margin-left: 14%
}

.delivery_inFor .inFor_right span {
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin-top: -3px;
    margin-bottom: 6px;
    color: #818181;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    height: 15px
}

.current .order_okBtn {
    top: 175px!important
}

.current>div:nth-child(1) {
    padding-left: 5%!important
}

.current .Settlement {
    padding: 0 20px 0 5%!important
}

.delivery_number {
    width: 100%;
    height: none;
    background: #fff;
    margin-top: 10px;
    padding: 5px 15px
}

.delivery_number span {
    display: block;
    color: #818181;
    font-size: 12px
}

.delivery_forTer {
    background: #fff!important;
    border-top: 1px solid #e5e5e5!important
}

.delivery_forTer .order_okBtn {
    top: 6px!important;
    height: 31px;
    padding: 0
}

.delivery_forTer .order_okBtn .order_active {
    line-height: 1.42857;
    height: 31px
}

.delivery_forTer .order_okBtn .order_noactive {
    line-height: 1.42857;
    height: 31px
}

.logistics {
    width: 100%;
    height: 10%;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #e5e5e5
}

.logistics .logistics_uiSer {
    width: 85%;
    height: 45px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    margin-left: 14%;
    color: #818181!important
}

.logistics .logistics_uiSer .Arrive {
    margin-top: 2px;
    width: 88%;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.logistics .logistics_uiSer span {
    font-size: 12px;
    display: block;
    color: #00d764
}

.logistics .logistics_uiSer img {
    float: right;
    margin-right: 15px;
    margin-top: -30px;
    width: 12px;
    height: 16px
}

.logistics .inFor_left {
    width: 30px!important
}

.logistics .inFor_left img {
    margin-left: -5px
}

.logis_sment {
    width: 60px!important;
    height: 60px!important;
    float: left;
    margin-top: 11px
}

.logis_sment img {
    width: 100%;
    height: 97%
}

.logis_mp {
    float: left;
    margin-left: 5px
}

.formin {
    width: 100%;
    height: 10px
}

.See {
    min-height: 164px!important
}

.express {
    height: 130px!important
}

.Modify_address {
    border: 1px solid #00d764;
    width: 55px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    color: #00d764;
    margin-top: 4%;
    position: absolute;
    right: 15px
}

.pay_method {
    width: 100%;
    min-height: 100px;
    background: #fff;
    margin-top: 10px
}

.pay_method ul {
    padding: 0 15px 0 15px
}

.pay_method ul li {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.pay_method ul li .Close_elastic {
    width: 100%
}

.pay_method ul li>div {
    width: 235px
}

.pay_method ul li img {
    width: 35px;
    height: 35px;
    float: left;
    margin-top: 2px;
    margin-right: 5px
}

.pay_method ul li span {
    display: block;
    color: #818181;
    font-size: 12px
}

.pay_method ul li .pay_title {
    font-size: 14px;
    color: #000
}

.pay_method ul li .pay_title i {
    color: #ff5656;
    font-size: 14px
}

.pay_method ul li .pay_title .Sina_Delta {
    color: #469dff
}

.pay_method ul li .Choice {
    float: right;
    width: 20px!important;
    height: 20px!important;
    margin-top: -30px
}

.pay_method ul li:last-child {
    border-bottom: 0;
    text-align: center
}

.pay_method ul li:last-child span {
    font-size: 14px!important;
    color: #3cc35d!important
}

.Logistics_list {
    margin-top: 0!important;
    border-bottom: 1px solid #e5e5e5;
    min-height: 80px;
    max-height: none
}

.Logistics_list .Settlement {
    width: none!important;
    height: 80px!important;
    background: #fff!important
}

.Logistics_list .Settlement>div:nth-child(1) {
    width: 60px!important;
    height: 62px!important
}

.Logistics_list .Settlement .express_EMS {
    color: #06d867
}

.Logistics_list .Settlement h5 {
    color: #818181!important;
    font-size: 12px!important
}

.Logistics_list .Settlement h5 span {
    left: 0!important;
    position: relative
}

.Logistics_list .Settlement .order_details h5:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 4px
}

.Logistics_list .Settlement .order_details h5:nth-child(3) {
    font-size: 12px!important;
    margin-top: 5px
}

.where {
    height: 7.5%!important
}

.where .inFor_left {
    width: 15px!important;
    height: 20px!important
}

.where .inFor_right {
    margin-left: 10%;
    width: none!important;
    height: 9px!important
}

.where .inFor_right span {
    width: 95%
}

.Where_is_it {
    width: 100%;
    min-height: 10px;
    border-top: 10px solid #f3f3f3
}

.Where_is_it ul {
    font-size: 12px
}

.Where_is_it li {
    padding-left: 20px;
    position: relative;
    height: 80px;
    color: #aaa!important
}

.Where_is_it li .logistics_dot {
    display: block;
    width: 10px!important;
    height: 10px!important;
    background: #d2d2d2;
    border-radius: 50%;
    top: 30px;
    position: absolute
}

.Where_is_it li span {
    margin-left: 4px;
    border: 1px solid #d2d2d2;
    position: absolute;
    width: 2px!important;
    height: 80px!important
}

.Where_is_it>ul>li:nth-child(1) .Logistics_News {
    color: #00d764!important
}

.Where_is_it>ul>li:nth-child(1)>b {
    background: #b4ffd7!important;
    width: 15px!important;
    height: 15px!important;
    margin-left: -2.5px
}

.Where_is_it>ul>li:nth-child(1)>span {
    height: 40px!important;
    top: 45px!important
}

.Where_is_it>ul>li:nth-child(1)>b:before {
    content: "";
    background-color: #00d764;
    display: block;
    position: absolute;
    border: 5px transparent solid;
    width: 0!important;
    height: 0!important;
    border-radius: 50%;
    left: 2.5px;
    top: 2px
}

.Where_is_it>ul>li:last-child>span {
    height: 40px!important;
    top: 0!important
}

.Where_is_it>ul>li:last-child>i {
    border-bottom: none!important
}

.Where_is_it .Logistics_News {
    width: 87%;
    min-height: 60px;
    max-height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    margin-left: 40px;
    margin-top: 13px;
    overflow: hidden
}

.Where_is_it i {
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    position: absolute;
    margin-left: 20px;
    margin-top: 75px
}

.my_bottom {
    width: 100%;
    height: 10px;
    background: #fff
}

.ranch_tab li {
    width: 33.33333333%!important
}

.Start:nth-child(1) .ranch_container {
    margin-top: 0!important
}

.ranch_container {
    min-height: 100px!important;
    border-bottom: 1px solid #e5e5e5
}

.ranch_container>div:nth-child(2) {
    width: 100%;
    background: #f4f4f4;
    padding: 10px 0 10px 15px;
    overflow: hidden
}

.ranch_container>div:nth-child(2)>div:nth-child(1) {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 2%
}

.ranch_container>div:nth-child(2)>div:nth-child(1) img {
    width: 100%;
    height: 100%
}

.ranch_container>div:nth-child(3) {
    font-size: 13px;
    width: 100%;
    background: #fff;
    padding: 5px 15px 5px 15px;
    overflow: hidden
}

.ranch_container>div:nth-child(3)>div:nth-child(1) {
    float: left;
    color: #818181
}

.ranch_container>div:nth-child(3)>div:nth-child(1) span:nth-child(2) {
    color: #ff4b4b
}

.ranch_container>div:nth-child(3)>div:nth-child(2) {
    float: right;
    color: #818181
}

.ranch_container>div:nth-child(3)>div:nth-child(2) span:nth-child(2) {
    color: #ff4b4b
}

.ranch_container .Income_information {
    float: left;
    width: 70%
}

.ranch_container .Income_information h5 {
    margin-top: 0;
    font-size: 14px;
    color: #313131
}

.ranch_container .Income_information .Amount_income {
    font-size: 12px;
    width: 130px;
    float: left
}

.ranch_container .Income_information .Amount_income p {
    margin-bottom: 0;
    color: #818181
}

.ranch_container .Income_information .Amount_income p span {
    color: #313131
}

.ranch_container .Income_information .Return_cycle {
    font-size: 12px;
    width: 130px;
    float: left;
    position: absolute;
    margin-left: 128px
}

.ranch_container .Income_information .Return_cycle p {
    margin-bottom: 0;
    color: #818181
}

.ranch_container .Income_information .Return_cycle p span {
    color: #313131
}

.ranch_container .Already_completed {
    color: #35b654
}

.ranch_container .bring_up {
    color: #ff4b4b
}

.ranch_container .tow_title {
    letter-spacing: 1.1px
}

.View_buttons {
    font-size: 13px;
    width: 100%;
    background: #fff;
    padding: 5px 15px 5px 15px;
    overflow: hidden;
    position: relative;
    height: 40px
}

.View_buttons p {
    margin: 0;
    color: #818181;
    line-height: 28px
}

.View_buttons p span {
    color: #ff4b4b
}

.View_buttons p span {
    color: #313131
}

.View_buttons .order_okBtn {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 80px;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 6px;
    overflow: visible!important
}

.adoption_container {
    margin-top: 0
}

.adoption_container>div:nth-child(1) {
    height: 0!important
}

.adoption_container>div:nth-child(3)>div:nth-child(2) {
    float: left
}

.adoption_container>div:nth-child(3)>div:nth-child(2) span:nth-child(3) span {
    color: #ff4b4b
}

.adoption_container .adoption_revenue {
    padding-right: 0!important
}

.Withdrawals_ok {
    background: #ff4b4b!important;
    color: #fff!important;
    border: 1px solid #ff4b4b!important
}

.adoption_pay_inOf {
    min-height: 20px;
    background: #fff;
    margin: 10px 0 10px 0
}

.adoption_pay_inOf h4 {
    font-size: 14px;
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0
}

.adoption_pay_inOf ul {
    padding: 0 15px 0 15px
}

.adoption_pay_inOf ul li {
    line-height: 27px;
    overflow: hidden;
    font-size: 13px
}

.slider {
    height: 200px
}

.slider-pager .slider-pager-page {
    width: 7px!important
}

.slider-pager .slider-pager-page {
    font-size: 10px!important
}

.slideBanner {
    z-index: 999999!important
}

.slider-slides {
    height: 230px!important
}

.slider-slide img {
    width: 100%;
    height: 200px
}

.popup-head h3 {
    font-size: 12px!important
}

.cont_width {
    position: absolute;
    top: 0;
    width: 100%;
    margin-top: 9%;
    margin-left: 25px
}

.cont_img {
    width: 42px;
    position: relative;
    left: -50px;
    margin-right: 25px;
    margin-left: 35%
}

.lofy_wp {
    position: relative;
    top: -45px;
    font-size: 12px;
    margin-left: 35%
}

.locde_wp {
    position: relative;
    left: 0;
    font-size: 14px;
    color: #fff
}

.aplse_wp {
    font-size: 18px;
    top: 2px;
    color: #eed545;
    font-weight: 600;
    margin-top: 2px
}

.wp_rmb {
    font-size: 14px!important
}
.ReturnWay{
    border-bottom:1px solid #F5F5F5;
    padding: 13px 15px;
    font-size: 14px;
}
.ReturnWay>span:nth-child(1){
    color:#262626;
}
.mieder{
    color:#8B8B8B;
}
.activeReturn{
    color:#262626 !important;
}
.ReturnWay img{
    width: 15px;
    position: relative;
    top:2px;
    margin-right: 2px;
}
.returnRemind{
    margin: 2px 0;
    font-size: 12px;
    color:#9C9C9C;
}
.ReturnWayIo{
    margin:10px 0;
    background: #fff;
    padding: 15px;
}
.mints{
    font-size: 13px;
    color:#FEA116;
    margin-left:5px;
}

.incomebox{
    height: 100%;
    background-color: #fff;
}
.ImgBox{
    width:100%;
    background-color: #0FCC9E;
    padding:34px 100px;
    overflow: auto;
    text-align: center;
}
.ImgBox img{
    width:32px;
    display: inline-block;
    margin-right: 10px;
}
.ImgBox div{
    display: inline-block;
}
.ImgBox div>p:first-child{
    color:#fff;
    font-size:15px;
    margin-bottom: 0;
}
.ImgBox div p:last-child{
    color:#FF9805;
    font-size:12px;
    margin-bottom: 0;
}
.ImgBox div p span{
    font-size:18px;
}
.calcuNum{
    padding-top: 12px;
    padding-left: 16px;
    padding-right: 16px;
    border-bottom: 1px solid #E5E5E5;
}
.calcuNum p{
    color:#333;
    font-size: 15px;
    display: flex;

}
.calcuNum p span{
    display: inline-block;
    flex: 1;
    color:#FF9805;
}
.explain{
    padding-left: 17px;
    padding-right: 33px;
    font-size: 10px;
    color: #999;
}
.explain>p{
    margin-bottom: 0;
}
.say{
    padding:10px 17px 13px;
    background:rgba(242,242,242,1);
}
.say p{
    color:#666;
    font-size: 14px;
}

/*我的实物*/
.my_entity_financial_content{
    padding: 12px 0 12px 0;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.my_entity_financial_content img{
    width:28%;
    display: inline-block;
}
.my_entity_financial_content ul{
    /*display: inline-block;*/
    position: absolute;
    top:44px;
    right: 4px;
    overflow: hidden;
    width:70%;
}
.my_entity_financial_content ul li{
    float: left;
    width: 33.33%;
    text-align: center;
    color: #FF5D5C
}
.my_entity_financial_content>p{
    position: absolute;
    bottom: 12px;
    right: 16px;
    font-size: 14px;
    color: #333;
}
.my_entity_financial_content>p span{
    color: #ff5d5c;
    font-weight: 600;
}
/*我的实物详情*/
.my_entitybringin_financial_content{
    padding: 32px 16px 37px 17px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.my_entitybringin_financial_content img{
    width:28%;
    display: inline-block;
    margin-right: 9px;
}
.my_entitybringin_financial_content ul{
    /*display: inline-block;*/
    position: absolute;
    top:28px;
    right: 4px;
    overflow: hidden;
    width:70%;
}
.my_entitybringin_financial_content ul li{
    float: left;
    width: 33.33%;
    text-align: center;
    color: #FF5D5C
}
.my_entitybringin_financial_content>p{
    position: absolute;
    bottom: 12px;
    right: 16px;
    font-size: 16px;
    color: #333;
}
.my_entitybringin_financial_content>p span{
    color: #ff5d5c;
    font-weight: 600;
}
.financial_footer>p{
    font-size: 13px;
    margin-top: 7px;
    color: #8e8e8e;
    padding-right: 16px;
}
.financial_footer>p span{
    padding-left: 24px;
    font-size: 13px;
    color: #0FCC9E;
}
.myentityorder{

}
/**牧场详情*/
.greencolor{
    color: #0FCC9E !important;
}
.glassBox{
    background-color: #F2F2F2;
}
.glassBox .header .weather{
    background-color: #fff;
    padding-top:1.35rem;
    padding-left: 0.94rem;
    position: relative;
    margin-bottom: 0.59rem;
}
.glassBox .header .weather p{
    font-size: 0.94rem;
    color: #333;
}
.glassBox .header .weather .wea{
    position: absolute;
    top:0.59rem;
    right:1.65rem;

}
.glassBox .header .weather .wea>p{
    font-size:0.82rem;
    color: #999;
    margin-bottom: 0;
}
.glassBox .header .weather .wea p span{
    font-size: 0.82rem;
    position: relative;
    top:0.18rem;
    right:-0.12rem;
}
.glassBox .header .weather .wea p img{
    width:1.53rem;
    float: right;
}
.desc{
    margin-top: 1.18rem;
    padding:0 0.47rem 0.82rem 0;
}
.desc>p{
    color: #999 !important;
    font-size: 12px!important;
}

.content{
    background-color: #fff;
    padding: 12px 16px 16px;
    margin-bottom: 10px;
}
.content .title{
    font-size: 18px;
    text-align: center;
}
.content ul li{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom:1px solid #D0CFCF;
    padding-top: 12px;
    padding-bottom: 12px;
}
.content ul li span{
    color: #333;
    font-size: 16px;
}
.content p.productintro{
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
    margin-bottom: 0;
}
.content p:last-child{
    font-size:14px;
    color: #999;
    margin-bottom: 0;
}

.footer{
    background-color: #fff;
    padding: 12px 41px 36px 46px;
}

.footer .title{
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
}

.footer p{
    font-size:14px;
    color: #999;
    margin-bottom: 0;
}

.noImgs{
    width: 6rem;
    display: block;
    position: relative;
    margin: 0 auto;
    margin-bottom: 1rem;
}

/*experience*/
.experience{
    width: 100%;
    height: 100%;
}
.experience img{
    width: 100%;
}
.excenter{
    background: url("../homapageimg/ex_02.png") no-repeat 1px;
    background-size: 100% 100%;
    padding: 40px 115px 28px 115px;
}
.inputBox{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.inputBox input{
    width: 100%;
    border:1px solid #ccc;
    background-color: #e5f1da;
    border-radius: 4px;
    margin: 0 auto;
    margin-bottom: 25px;
    text-align: center;
    flex: 1;
}
.inputBox img{
    width: 75%;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    flex: 1;
}
/**二维码样式
 */
.twodimensionBox{
    height: 339px;
    background: url("../shopimg/twodimensionback.png") no-repeat;
    background-size: 100% 100%;
    margin: 69px 45px 0 46px;
}

.twodimenInfo{
    padding: 12px 14px 8px 26px;
    overflow: hidden;
}
.twodimenInfo img{
    float: left;
    width: 43px;
    margin-right: 16px;
}
.twodimenInfo dd{
    float: left;
    display: inline-block;
}
.twodimenInfo dd dt{
    font-size: 14px;
    color: #333;
}
.twodimenInfo dd dl{
    padding-top: 10px;
    font-size: 12px;
}
.twodimenInfo dd dl span{
    font-size: 14px;
}
.twodimensionBox .twodimension{
    margin: 0 40px 30px 39px;

}
.twodimension #qrcode{
    width: 100%;
    height:100%
}
.twodimension #qrcode canvas{
    width: 100%;
    height:100%
}

/*安全支付样式*/


.pay-password{
    width: 100%;
    height: 2.3rem;
    border: 1px solid #D0CFCF;
    margin: 0 auto;
    position: relative;
    top: 1rem;
}
.pay-password .real-ipt{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
    opacity: 0;
    z-index: 3;
}
.pay-password .surface-ipts{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
    z-index: 1;
    overflow: hidden;
}
.pay-password .surface-ipts .surface-ipt{
    height: 2.2rem;
    line-height: 2.2rem;
    display: flex;
    justify-content: space-between;
}
.pay-password .surface-ipts .surface-ipt input{
    width: 20%;
    height: 2.2rem;
    line-height: 2.2rem;
    border: 0;
    border-right: 1px solid #D0CFCF;
    color: #333333;
    font-size: 1.9rem;
    text-align: center;
    padding: 0;
}
.pay-password .surface-ipts .surface-ipt input:last-child{
    border-right: 0;
}

/*注册样式*/

.regbox .header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 6px;
    text-align: center;
}
.regbox .header img{
    width: 78px;
    height: 78px;
    margin: 0 auto;
}
.regbox .header p{
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 24px;
    color: #0FCC9E;
}
.regbox .content{

}


.regbox .content .list,.modifypwd .list,.names_int .list,.sign .list {
    padding: 10px 15px 0 15px;
    margin-bottom: 0
}

.regbox .content .list>div,.modifypwd .list>div,.names_int .list>div,.sign .list>div {
    width: 100%;
    height: 42px;
    background: #fff;
    padding-left: 10px;
    border-bottom: 1px solid #9B9B9B;
    position: relative
}

.regbox .content .list>div span,.modifypwd .list>div span,.names_int .list>div span,.sign .list>div span {
    float: left;
    width: 30px;
    height: 25px;
    margin-top: 7px;
    margin-right: 5px
}

.regbox .content .list>div input,.modifypwd .list>div input,.names_int .list>div input,.sign .list>div input {
    width: 80%;
    height: 38px
}

.regbox .content .list>div img,.modifypwd .list>div img,.names_int .list>div img,.sign .list>div img {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    height: 20px
}

.regbox .content .list>div .card_phone,.modifypwd .list>div .card_phone,.names_int .list>div .card_phone,.sign .list>div .card_phone {
    margin-right: 5px
}


.regbox .content .Code,.modifypwd .Code,.names_int .Code,.sign .Code {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 14px;
    width: 90px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #0FCC9E;
    background: #fff;
    border: 0
}

.regbox .content .immed_contract {
    display: block;
    /*margin: 15px 0 0 0;*/
    padding:12px 15px 0 15px;
}

.regbox .content .immed_contract img {
    width: 20px
}

.regbox .content .immed_contract span {
    position: absolute;
    margin-left: 4px;
    color: #6b6b6b;
    font-size: 13px;
    margin-top: 1px
}

.regbox .content .immed_contract span i {
    color: #0FCC9E;
    margin-left: 4px
}

.regbox .content .Eye {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    position: absolute;
    top: 3px;
    right: 0;
    width: 22px;
    height: 15px!important;
}
.regbox .footer{
    text-align: center;
}
.regbox .footer{
    padding: 37px 19px 0 19px;
}
.regbox .footer .register{
    margin-bottom: 51px;
    min-width: 90%;
    height: 46px;
    background-color: #0FCC9E;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
}
.regbox .footer p{
    font-size: 14px;
    color: #999;
    margin-bottom: 30px;
}
.regbox .footer p span{
    color: #0FCC9E !important;
}

.forgotpwd{
    display: flex;
    justify-content: space-between;
    margin-left: 19px;
    margin-right: 19px;
    margin-top: 8px;
}
.forgotpwd span:first-child{
    color: #0FCC9E;
    font-size: 14px;
}
.forgotpwd span:last-child{
    color: #999;
    font-size: 14px;
}

/*账号管理*/
.personinfobox{
    border-radius: 8px;
    background-color: #fff;
}
.personinfobox li{
    display: flex;
    justify-content: space-between;
    padding: 21px 10px 12px 10px;
    border-bottom: 1px solid #E5E5E5;

}
.personinfobox li:last-child{
    border-bottom: 0;
}
.personinfobox li p{
    margin-bottom: 0;
    font-size: 0.94rem;
    color: #333;
}
.personinfobox li span{
    font-size: 0.94rem;
    color: #333;
}
.personinfobox li img{
    width: 0.59rem;
    height: 0.94rem;
}
.personsignout{
    margin-top: 0.7rem;
    width: 100%;
    border-radius: 0.47rem;
    background-color: #fff;
    border: 0;
    padding-top: 0.76rem;
    padding-bottom:0.65rem ;
    font-size: 0.94rem;
    color: #333;
}

/*邀请好友大礼包*/

.giftsbox{
    position: absolute;
    width: 19rem;
    height:21.5rem;
    top:0;
    left:0;
    bottom:0;
    right: 0;
    margin: auto auto;

}
.GiftBagBk{
    position: relative;
    width: 20rem;
    display: block;
}
.GiftBagClose{
    position: absolute;
    top:0;
    right: 1rem;
    width: 1.5rem;
    z-index: 99999;
}
.GiftBagName{
    position: absolute;
    font-size: .84rem;
    top:10.4rem;
    width: 100%;
    text-align: center;
    color:#E8515C;
}
.GiftBagDescribe{
    position: absolute;
    font-size: .67rem;
    width: 100%;
    text-align: center;
    top:11.7rem;
    color:#EFC068;
}
.GiftBagBtn{
    width:9rem;
    position: absolute;
    top:18.5rem;
    left:4.9rem;
    height:2rem;
    z-index: 99999;
}
.GiftBagBtn button{
    width: 100%;
    border:none;
    height:100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: .8rem;
    background: #fff;
}
.GiftBagDescribeYs{
    left:5.5rem;
    top:15.9rem;
    width:8rem;
    text-align: center;
}
/*.giftsbox{*/
    /*background: url("../myimg/giftsbox.png") no-repeat  0 60px;*/
    /*background-size: contain;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*text-align: center;*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*position: relative;*/
/*}*/
/*.giftsbox .gifts{*/
    /*position: absolute;*/
    /*top: 45%;*/
    /*left: 20%;*/
/*}*/
/*.giftsbox dl{*/
    /*margin-bottom: 40px;*/
/*}*/

/*.giftsbox dl dt{*/
    /*font-size:16px;*/
    /*font-family:PingFangSC-Medium;*/
    /*font-weight:500;*/
    /*color:rgba(255,93,92,1);*/
    /*line-height:22px;*/
/*}*/

/*.giftsbox dl dd{*/
    /*font-size:12px;*/
    /*font-family:PingFangSC-Regular;*/
    /*font-weight:400;*/
    /*color:rgba(255,176,41,1);*/
    /*line-height:17px;*/
/*}*/

/*.giftsbox button{*/
    /*color: #4A4A4A;*/
    /*font-size: 16px;*/
    /*text-align: center;*/
    /*padding: 8px 36px 8px 36px;*/
    /*background-color: #fff;*/
    /*border-radius: 6px;*/
    /*border: 0;*/
/*}*/
/*.giftsbox>img{*/
    /*position: absolute;*/
    /*top: 24px;*/
    /*right: 48px;*/
    /*width: 33px;*/
    /*height: 33px;*/
/*}*/

/*resettrade*/
.resettradebox{
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
}
.resettradebox li{
    position: relative;
}
.resettradebox li{
    vertical-align: middle;
}
.resettradebox li input{
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 16px;
}
.resettradebox li input::placeholder{
    font-size: 16px;
    color: #333;
}
.resettradebox li:last-child input{
    border-bottom:0;
}
.resettradebox li img{
    position: absolute;
    top: 40%;
    right: 8px;
    width: 20px;
    height: 16px;
}
.resetforgotpwd p:first-child{
    margin-top: 12px;
    margin-left: 9px;
    font-size: 12px;
    color: #666;
}
.resetforgotpwd p:last-child{
    margin-left: 9px;
    color: #3993F1;
    font-size: 12px;
}

/*settradepwd*/

.settradebox{
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
}
.settradebox li{
    position: relative;
    width: 100%;
    vertical-align: middle;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #E5E5E5;
}
.settradebox li:last-child{
    border-bottom: 0;
}
.settradebox li>span{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #333;
}
.settradebox li input{
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 99px;
    vertical-align: middle;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #E5E5E5;
    font-size: 14px;
    color: #999;
    border-right: 0;
}
.settradebox li input::placeholder{
    font-size: 14px;
    color: #999;
    vertical-align: middle;
    height: 55px;
    line-height: 55px;
    background-color: #fff;
}
.settradebox li:last-child input{
    border-bottom:0;
}
.settradebox li img{
    position: absolute;
    top: 40%;
    right: 8px;
    width: 20px;
    height: 16px;
}
.setforgotpwd p:first-child{
    margin-top: 12px;
    margin-left: 9px;
    font-size: 12px;
    color: #666;
}
.setforgotpwd p{
    font-size: 12px;
    color: #666;
    margin-left: 9px;
    margin-bottom: 2px;
}

.settradebox .CoDET {
    color: #0FCC9E;
    position: absolute;
    top: 25%;
    right: 0;
}

.settradebox .CoDEI {
    color: #bebebe;
    position: absolute;
    top: 25%;
    right: 0;
}
